{~ui('loader')->js('@attrs.selector')}
<style>
/* 提交订单 */
.input_text {
	font-size: 140%;
	margin-bottom: 3px;
	text-align: center;
	width: 50px
}
.f_input2 {
	float: left;
	border: 1px solid #89B4D6;
	font-size: 14px;
	margin: 3px 0 0;
	padding: 3px 4px;
}
.pro-attrs {
	margin: 10px 0;
	overflow:hidden;
}
.pro-attrs dl {
	clear: both;
	display:inline-block;
	width:100%;
	padding:5px 0;
}
.pro-attrs dt {
	float: left;
	padding: 5px 20px 5px 5px;
    margin: 3px;
	font-weight:600;
	width:60px;
	text-align:right;
}
.pro-attrs dd {
	float: left;
	width:550px;
	_width:547px;
}
.pro-attrs dd ul li {
    float:left;
	padding: 5px;
	margin: 3px;
	cursor: pointer;
	border:1px solid #ddd;
}
.pro-attrs dd ul li:hover {
	background: #ddd;
}
.pro-attrs dd ul li.selected {
	background:#CC0000;
    color:#fff;
	border:none;
	padding:6px;
}
/* 请确认订单 */
</style>
<div class="common-title">属性选择</div>
		<section class="common-items">
<div class="pro-attrs">
<!--{loop $pro_attrs $cat}-->
<dl>
<dt id="pro-attrs-cat-{$cat['id']}" class="xcat" xcat="{$cat['id']}" xrequired="{$cat['required']}">{$cat['name']}</dt>
<dd>
<ul>
<!--{loop $cat['attrs'] $attr}-->
<li id="pro-attrs-item-{$attr['id']}" class="pro-attrs-link" catfrom="{$attr['cat_id']}" attrid="{$attr['id']}" pricemoves="{$attr['price_moves']}" xbinding="{$attr['binding']}">{$attr['name']}</li>
<!--{/loop}-->
</ul>
</dd>
</dl>
<!--{/loop}-->
</div>
</section>

